<template>
  <div class="password">
    <my-head title="密码管理" :go="true" :ri="false"></my-head>
    <div class="content">
      <div class="list">
        <div class="item">
          <p>登录相关</p>
          <div class="msg" @click="goto('loginpwd')">
            <div>登录密码</div>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>
        <div class="item">
          <p>支付相关</p>
          <div class="msg">
            <div>交易密码</div>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Head from "@/components/Head"
export default {
  data(){
    return {

    }
  },
  components:{
    myHead:Head
  },
  methods:{
    goto(val){
      this.$router.push({path:"/"+val})
    }
  }
}
</script>

<style scoped lang="less">
  .password{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .content{
      flex: 1;
      background: #f4f4f4;
      display: flex;
      flex-direction: column;
      .list{
        display: flex;
        flex-direction: column;
        .item{
          display: flex;
          flex-direction: column;
          p{
            font-size: 0.13rem;
            padding: 0.1rem 0.16rem;
            color: #7c7c7c;
          }
          .msg{
            background: #fff;
            display: flex;
            padding: 0.11rem;
            div{
              flex: 1;
              font-size: 0.15rem;
            }
          }
        }
      }
    }
  }
</style>
